<template>
    <div class="sidebar">
        <el-menu
            class="sidebar-el-menu"
            :default-active="onRoutes"
            :collapse="collapse"
            background-color="#324157"
            text-color="#bfcbd9"
            active-text-color="#20a0ff"
            unique-opened
            router
        >
            <template v-for="item in items">
                <template v-if="item.subs ">
                    <el-submenu :index="item.index" :key="item.index">
                        <template #title>
                            <i :class="item.icon"></i>
                            <span>{{ item.title }}</span>
                        </template>
                        <template v-for="subItem in item.subs">
                            <el-submenu
                                v-if="subItem.subs"
                                :index="subItem.index"
                                :key="subItem.index"
                            >
                                <template #title>{{ subItem.index }}</template>
                                <el-menu-item
                                    v-for="(threeItem, i) in subItem.subs"
                                    :key="i"
                                    :index="threeItem.index"
                                >{{ threeItem.title }}</el-menu-item>
                            </el-submenu>
                            <!-- 把后端传过来的权限（uuid）存到Permission，然后和我自己的页面名字比较，如果相同就隐藏 -->
                            <el-menu-item
                                v-if="!subItem.subs && Permission.indexOf(subItem.index) != -1"
                                :index="subItem.index"
                                :key="subItem.index"
                                @click="clear()"
                            >{{ subItem.title }}
                            <el-badge :value="value" class="items" v-if="subItem.title == '企业申请' && realname =='admin'" style="margin-left:50px;backgroundcolor:red;z-index:100">
                                 <el-button size="small" type="primary" @click.stop="check">待审核</el-button>
                               <!-- <el size="small" type="primary">待审核</el> -->
                              </el-badge>
                            </el-menu-item>
                        </template>
                    </el-submenu>
                </template>
                <template v-else>
                    <el-menu-item :index="item.index" :key="item.index">
                        <i :class="item.icon"></i>
                        <template #title>{{ item.title }}</template>
                    </el-menu-item>
                </template>
            </template>
        </el-menu>
    </div>
</template>

<script>
// import bus from "../common/bus";
import axios from 'axios';
export default {
    data() {
        return {
          value:'',
          status:1,//待审核的状态码
          realname:'',
            items: [
              // {
              //   icon: "el-icon-lx-copy",
              //   index: "0",
              //   title: "话务代理管理",
              //   subs: [
              //     {
              //       index: "trafficAgent",
              //       title: "代理管理"
              //     },
              //   ]
              // },
                // {
                //     icon: "el-icon-lx-copy",
                //     index: "1",
                //     title: "xb实商",
                //     subs: [
                //         {
                //             index: "app",
                //             title: "应用"
                //         },
                //         {
                //             index: "xnum",
                //             title: "x号码"
                //         },
                //         {
                //           index: "xnumimport",
                //           title: "x号码导入"
                //         },
                //     ]
                // },


              {
                icon: "el-icon-s-platform",
                index: "2",
                title: "操作中心",
                subs: [
                
                  {
                    index: "agent",
                    title: "代理管理"
                  },
                  {
                    index: "enterprise",
                    title: "企业管理"
                  },
                  {
                    index: "callLog",
                    title: "通话记录"
                  },
                  {
                    index: "centerNum",
                    title: "移动4中间号管理"
                  },
                  {
                    index: "dailyReport",
                    title: "话单日报表"
                  },
                  {
                    index: "monthlyReport",
                    title: "月报表"
                  },
                  {
                    index: "audit",
                    title: "企业申请"
                  },
                  {
                    index: "lt4NumManage",
                    title: "联通4号码管理"
                  },
                  // {
                  //   index: "accountMigration",
                  //   title: "账户迁移"
                  // },
                  {
                    index: "seats",
                    title: "坐席管理"
                  },
                  // {
                  //   index: "rechargeMassage",
                  //   title: "充值信息"
                  // },
                  // {
                  //   index: "consumptionReport",
                  //   title: "企业消费报表"
                  // },
                  // {
                  //   index: "gatewayChargeReport",
                  //   title: "网关话费报表"
                  // },
                  // {
                  //   index: "callListControl",
                  //   title: "话单监控"
                  // },
                  // {
                  //   index: "codeQuery",
                  //   title: "验证码查询"
                  // },
                  // {
                  //   index: "stopMassage",
                  //   title: "挂机短信"
                  // },
                   {
                    index: "agentRecharge",
                    title: "代理充值日志查询"
                  },
                  {
                    index: "enterpriseRecharge",
                    title: "企业充值日志查询"
                  },
                  {
                    index: "agentManagement",
                    title: "联通AX亲情管理"
                  },
                  {
                    index: "lt2NumManage",
                    title: "联通2号码管理"
                  },
                  // {
                  //   index: "enterpriseBalance",
                  //   title: "企业余额"
                  // },
                  // {
                  //   index: "exportCallList",
                  //   title: "导出话单"
                  // },
                ]
              },

            //   {
            //     icon: "el-icon-lx-copy",
            //     index: "3",
            //     title: "系统管理",
            //     subs: [
            //       {
            //         index: "resetPassword",
            //         title: "修改密码"
            //       },
            //     ]
            //   },

              //   {
              //     icon: "el-icon-lx-copy",
              //     index: "4",
              //     title: "山东移动",
              //     subs: [
              //       {
              //         index: "accountAdmin",
              //         title: "账户管理"
              //       },
              //       {
              //         index: "appAdmin",
              //         title: "应用管理"
              //       },
              //     ]
              //   },
              // {
              //   icon: "el-icon-lx-copy",
              //   index: "5",
              //   title: "YSH",
              //   subs: [
              //     {
              //       index: "app1",
              //       title: "应用"
              //     },
              //     {
              //       index: "nums",
              //       title: "号码池"
              //     },
              //   ]
              // },
            ],
            Permission:[
            ]
        };
    },
    computed: {
        onRoutes() {
            return this.$route.path.replace("/", "");
        },
        collapse(){
            return this.$store.state.collapse
        }
    },
    created(){

      this.realname = localStorage.getItem("realname");
        //拿到储存在localStorage中的字段
        // console.log(JSON.parse(localStorage.getItem('Permission')))
        let array = JSON.parse(localStorage.getItem('Permission'));
        //将后端传过来的权限循环存到Permission中
        for (let i = 0; i < array.length; i++) {
            this.Permission.push(array[i])
        };
        // console.log( this.Permission)
        this.getNums();
    },
    methods:{
      //获取待审核数量
      getNums(){

        axios
        .post("http://118.190.2.70:9999/vo/uuid-pass/find-count")
        .then(res =>{
            this.value = res.data
        })
      },
      //点击待审核
       check(){
         this.$router.push("/audit")
        localStorage.setItem("status",this.status)
      },
      clear(){
        localStorage.removeItem("status",this.status)
      }
    },
};
</script>

<style scoped>
.sidebar {
    display: block;
    position: absolute;
    left: 0;
    top: 70px;
    bottom: 0;
    overflow-y: scroll;
    
}
.sidebar::-webkit-scrollbar {
    width: 0;
}
.sidebar-el-menu:not(.el-menu--collapse) {
    width: 250px;
}
.sidebar > ul {
    height: 100%;
}
div /deep/.el-badge__content--primary{
    background-color:red
}
</style>
